<template>
  <div id="page-profiles-security">
    <h2>帐号安全</h2>
    <Card :bordered="false">
      <Row>
        <Col span="24">
          <Form :label-width="100" label-position="left" class="mt20" style="width: 450px; margin: 0 auto;">
            <FormItem label="登录密码">
              为了提高账户安全，建议您定时更换密码 <a href="#/profiles/reset-password">修改密码</a>
            </FormItem>
            <FormItem label="手机验证">
              已绑定手机 <a href="#/profiles/change-mobile">更换手机</a>
            </FormItem>
          </Form>
        </Col>
      </Row>
    </Card>
  </div>
</template>

<script>
  export default {
    name: 'profiles-security'
  }
</script>

<style lang="less">
  #page-profiles-security {
    a {
      color: #3399CC
    }
  }
</style>
